// 背景图片
body {
	width: 100vw;
	height: 100vh;
	background: url(../../assets/images/2.jpg) no-repeat;
	background-size: 100% 100%;
}
// 头部链接
header {
	box-sizing: border-box;
	padding-right: 20px;
	width: 100%;
	height: 8%;
	text-align: right;
	line-height: 90px;
	color: #fff;
}

// 登录框主体
main {
	margin-top: 15px;
	width: 100%;
	height: 80%;

	// 登录框标题
	h2 {
		margin-bottom: 40px;
		color: #fff;
	}
	#loginBox p {
		margin-bottom: 4px;
	}
	.tel {
		margin-left: 20px;
		font-size: 14px;
		color: #fff;
	}
	// 密码框的盒子
	.pwd {
		position: relative;
		// 密码框的提示信息
		.paw {
			margin-left: 20px;
			font-size: 14px;
			color: #fff;
		}
		// 闭眼图标
		.icon-biyanjing {
			position: absolute;
			right: 16px;
			top: 8px;
			font-size: 25px;
			color: #fff;
		}
		// 眼睛图标
		.icon-yanjing {
			position: absolute;
			right: 16px;
			top: 8px;
			font-size: 25px;
			color: #fff;
		}
	}
	// 输入框
	#loginBox input {
		box-sizing: border-box;
		padding-left: 10px;
		width: 100%;
		height: 40px;
		color: #fff;
		background-color: rgba(0, 0, 0, 0.2);
		outline: none;
		border-radius: 25px;
		border: 0;

		&::placeholder {
			color: #fff;
		}
	}

	// 登录按钮
	#loginBox button {
		margin-bottom: 20px;
		width: 100%;
		height: 40px;
		color: #fff;
		background-color: rgba(0, 205, 102, 0.5);
		border-radius: 25px;
		border: 0;
	}

	// 下方链接
	#loginBox .hint {
		margin-bottom: 25px;
		text-align: right;
		color: #fff;
		.ftp {
			margin-right: 50px;
			font-size: 14px;
		}
		.icon-weixin {
			font-size: 20px;
			vertical-align: -2px;
		}
		.wecheat {
			font-size: 14px;
		}
	}
}

// 尾部结束语
footer {
	text-align: center;
	color: #fff;
}
